<template>
    <view class="pk-emtry">
        <view class="pk-emtry-icon"></view>
        <view class="pk-emtry-text">{{ title }}</view>
    </view>
  </template>
  
  <script setup>
  import { defineProps, defineEmits } from 'vue'
  const emits = defineEmits(['onMore'])
  defineProps({
    size:{
      type: String,
      default: 'medium'
    },
    border:{
      type: Boolean,
      default: true
    },
    isMore:{
      type: Boolean,
      default: false
    },
    radius:{
      type: Boolean,
      default: true
    },
    footer:{
      type: Boolean,
      default: true
    },
    title:{
      type: String,
      default: '暂无数据'
    }
  })
  
  
  const onMore = () => {
    emits('onMore')
  }
  
  </script>
  
  <style lang="scss" scoped>
  .pk-emtry{
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .pk-emtry-icon{
      width: 208rpx;
      height: 208rpx;
      background: url('@/static/emtryicon.svg') no-repeat center center;
      background-size: 100%;
    }
    &-text{
        color: #999;
        margin-top: 28rpx;
        font-size: 28rpx;
    }
  }
  </style>